<template>
  <f7-page>
    <qm-currentcy-navbar title="时间选择"></qm-currentcy-navbar>
    <van-field
      placeholder="请选择时间"
      @click="show = true"
    />
    <!-- <van-popup >
      <div class="wrapper"> -->
    <qm-time-picker v-model="show"></qm-time-picker>
      <!-- </div>
    </van-popup> -->
  </f7-page>
</template>

<script>
import { Overlay, Field, Popup } from "vant";
export default {
  name: "timePicker",
  components: {
    [Overlay.name]: Overlay,
    [Field.name]: Field,
    [Popup.name]: Popup
  },
  data() {
    return {
      show: false
    }
  }
}
</script>

<style lang="less" scoped>
::v-deep .page-content {
  padding-top: calc(88px * var(--ratio))
}
.wrapper {
  padding-top: calc(23px * var(--ratio));
  // position: absolute;
  // bottom: 0;
  width: 100%;
  // min-height: 60%;
  background-color: #fff; 
  border-radius: calc(20px * var(--ratio)) calc(20px * var(--ratio)) 0 0;
}
</style>